<template>
  <div>
    <TakeHeader />
    <main>
      <router-view></router-view>
    </main>
    <footer class="footer-box">
      <KeyBoard />
    </footer>
  </div>
</template>

<script setup lang="ts">
import KeyBoard from './KeyBoard.vue'
import TakeHeader from './TakeHeader.vue'
</script>

<style scoped>
.footer-box {
  position: fixed;
  bottom: 50px;
  width: 100%;
}
</style>
